<html>

<head>
    <meta charset="utf-8">
    <meta name="author" content="dongfeng">
    <title>我的书屋</title>
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.css">

</head>

<body>
    <header>
        <nav style="width: 100%">
            <ul class="leftNav">
                <li>
                    <a href="index.html">首页</a>

                </li>
                <li>
                    <a href="classify.html">分类</a>

                </li>
                <li>
                    <a href="bangdan.html">榜单</a>

                </li>
                <li>
                    <a href="dujia.html">独家作品</a>

                </li>
                <li>
                    <a href="jigou.html">机构专区</a>

                </li>
                <li>
                    <a href="pc.html">客户端</a>

                </li>
            </ul>
            <ul>
                <li class="shujia">
                    <i class="fa fa-book"></i>
                    <a href="">我的书架</a>

                </li>
            </ul>
        </nav>
    </header>
    <section id="jigou">
        <!--轮播-->
        <div id="banner">
            <ul class="squre">
                <li class="currentSqure"></li>
                <li></li>
                <li></li>

            </ul>
            <ul class="image">
                <li class="currentImage"><img src="jigouImg/l1.jpg" /></li>
                <li><img src="jigouImg/l2.jpg" /></li>
                <li><img src="jigouImg/l3.jpg" /></li>

            </ul>
            <ul class="fixed">
                <li>
                    <h2>读出你的世界 !</h2>
                </li>
                <li><img src="jigouImg/line.png" alt=""></li>
                <li>截至2017年3月10日</li>
                <li class="yiyou">
                    已有机构 <a href="">500</a> 家
                </li>
                <li class="yiyou">
                    已有图书 <a href="">20000</a> 本
                </li>
                <li>申请成为作者</li>
                <li>邮件申请：yueduhezuo@baidu.com</li>

            </ul>
        </div>
        <!--中间内容-->
        <section class="jigouImg">
            <ul class="jigouAll">
                <li class="jigouOne">
                    <ul class="jigouFirst">
                        <li>

                        </li>
                    </ul>
                    <ul class="Sec">
                        <li>
                            平台优势
                        </li>
                        <li>
                            <span>海量用户 |</span>
                            <span>收益模式清晰 |</span>
                            <span>多终端发布</span>
                        </li>
                    </ul>
                </li>
                <li class="jigouOne">
                    <ul class="jigouSecond">
                        <li>

                        </li>
                    </ul>
                    <ul class="Sec">
                        <li>
                            平台优势
                        </li>
                        <li>
                            <span>海量用户 |</span>
                            <span>收益模式清晰 |</span>
                            <span>多终端发布</span>
                        </li>
                    </ul>
                </li>
                <li class="jigouOne">
                    <ul class="jigouThird">
                        <li>

                        </li>
                    </ul>
                    <ul class="Sec">
                        <li>
                            平台优势
                        </li>
                        <li>
                            <span>海量用户 |</span>
                            <span>收益模式清晰 |</span>
                            <span>多终端发布</span>
                        </li>
                    </ul>
                </li>
            </ul>

        </section>
        <section class="jigouMiddle">
            <ul class="Uline">
                <li>全部入驻机构</li>
            </ul>
            <div class="jigouShow">
                <ul class="jigouShowo">
                    <li>
                        <img src="jigouImg/1.jpg" class="img">
                        <p>
                            <span>阅读人数：243333264</span>
                            <span><i class="fa fa-thumbs-o-up"></i> (136)</span>
                        </p>
                    </li>
                    <li>
                        <img src="jigouImg/2.jpg" class="img">
                        <p>
                            <span>阅读人数：243333264</span>
                            <span><i class="fa fa-thumbs-o-up"></i> (136)</span>
                        </p>
                    </li>
                    <li>
                        <img src="jigouImg/3.jpg" class="img">
                        <p>
                            <span>阅读人数：243333264</span>
                            <span><i class="fa fa-thumbs-o-up"></i> (136)</span>
                        </p>
                    </li>
                    <li>
                        <img src="jigouImg/4.jpg" class="img">
                        <p>
                            <span>阅读人数：243333264</span>
                            <span><i class="fa fa-thumbs-o-up"></i> (136)</span>
                        </p>
                    </li>
                </ul>
                <ul class="jigouShowo">
                    <li>
                        <img src="jigouImg/5.jpg" class="img">
                        <p>
                            <span>阅读人数：243333264</span>
                            <span><i class="fa fa-thumbs-o-up"></i> (136)</span>
                        </p>
                    </li>
                    <li>
                        <img src="jigouImg/6.jpg" class="img">
                        <p>
                            <span>阅读人数：243333264</span>
                            <span><i class="fa fa-thumbs-o-up"></i> (136)</span>
                        </p>
                    </li>
                    <li>
                        <img src="jigouImg/7.jpg" class="img">
                        <p>
                            <span>阅读人数：243333264</span>
                            <span><i class="fa fa-thumbs-o-up"></i> (136)</span>
                        </p>
                    </li>
                    <li>
                        <img src="jigouImg/8.jpg" class="img">
                        <p>
                            <span>阅读人数：243333264</span>
                            <span><i class="fa fa-thumbs-o-up"></i> (136)</span>
                        </p>
                    </li>
                </ul>
                <ul class="jigouShowo">
                    <li>
                        <img src="jigouImg/9.jpg" class="img">
                        <p>
                            <span>阅读人数：243333264</span>
                            <span><i class="fa fa-thumbs-o-up"></i> (136)</span>
                        </p>
                    </li>
                    <li>
                        <img src="jigouImg/10.jpg" class="img">
                        <p>
                            <span>阅读人数：243333264</span>
                            <span><i class="fa fa-thumbs-o-up"></i> (136)</span>
                        </p>
                    </li>
                    <li>
                        <img src="jigouImg/11.jpg" class="img">
                        <p>
                            <span>阅读人数：243333264</span>
                            <span><i class="fa fa-thumbs-o-up"></i> (136)</span>
                        </p>
                    </li>
                    <li>
                        <img src="jigouImg/12.jpg" class="img">
                        <p>
                            <span>阅读人数：243333264</span>
                            <span><i class="fa fa-thumbs-o-up"></i> (136)</span>
                        </p>
                    </li>
                </ul>
                <ul class="jigouShowo">
                    <li>
                        <img src="jigouImg/13.jpg" class="img">
                        <p>
                            <span>阅读人数：243333264</span>
                            <span><i class="fa fa-thumbs-o-up"></i> (136)</span>
                        </p>
                    </li>
                    <li>
                        <img src="jigouImg/14.jpg" class="img">
                        <p>
                            <span>阅读人数：243333264</span>
                            <span><i class="fa fa-thumbs-o-up"></i> (136)</span>
                        </p>
                    </li>
                    <li>
                        <img src="jigouImg/15.jpg" class="img">
                        <p>
                            <span>阅读人数：243333264</span>
                            <span><i class="fa fa-thumbs-o-up"></i> (136)</span>
                        </p>
                    </li>
                    <li>
                        <img src="jigouImg/16.jpg" class="img">
                        <p>
                            <span>阅读人数：243333264</span>
                            <span><i class="fa fa-thumbs-o-up"></i> (136)</span>
                        </p>
                    </li>
                </ul>
            </div>
            <div class="Slast">
                <a href="">1</a>
                <span>2</span>
                <span>3</span>
                <span>4</span>
                <span>5</span>
                <span>6</span>
                <span>7</span>
                <span>8</span>
                <span>9</span>
                <span>10</span>
                <span>下一页 <i style="color: grey" class="fa fa-angle-right"></i></span>
                <span>尾页</span>


            </div>
        </section>


    </section>
    <footer>
        <ul class="Ffast">
            <li>
                <span class="round">
                    正
                </span>
                <span class="text">正版电子书</span>
            </li>
            <li>
                <span class="round fa fa-desktop"></span>
                <span class="text">多平台畅读</span>
            </li>
            <li>
                <span class="round fa fa-drivers-license (alias)"></span>
                <span class="text">海量图书资源</span>
            </li>
            <li>
                <span class="round fa fa-book"></span>
                <span class="text">优质阅读体验</span>
            </li>
        </ul>
        <hr>
        <ul class="Fsecond">
            <li>
                <h2>帮助</h2>
                <span>如何购买图书</span>
                <span>常见问题</span>
                <span>支付方式</span>
            </li>
            <li>
                <h2>平台入驻</h2>
                <span>机构专区</span>
                <span>个人作者专区</span>

            </li>
            <li>
                <h2>投诉与建议</h2>
                <span>问题反馈</span>

            </li>
            <li>
                <h2>扫描下载客户端</h2>
                <span class="er">
                    <img src="img/er.png" alt="">
                </span>

            </li>
        </ul>
        <p>如有问题欢迎联系<a href="">投诉方案</a></p>
        <ul class="Fthird">
            <li><i>@2017Baidu</i>使用百度前必读</li>
            <li>平台协议</li>
            <li>企业文库</li>
            <li>广告服务</li>
            <li>百度教育商业服务平台</li>
        </ul>
    </footer>







</body>
<script src="js/jquery.js"></script>
<!--<script src="js/YuxiSlider.jQuery.min.js"></script>-->
<script src="js/odoo.js"></script>
<script src="js/index.js"></script>
<script>
    $('#jigou .squre li').each(function(index) {
        $(this).hover(function() {
            show(index)
        })

    })

    function show(a) {
        $('#jigou .squre li').eq(a).addClass('currentSqure').siblings().removeClass('currentSqure');
        $('#jigou .image li').eq(a).addClass('currentImage').siblings().removeClass('currentImage');
    }
    var i = 0;
    var liLength = $('.squre li').length;
    console.log(liLength)

    function Autoplay() {
        setInterval(function() {
            i++
            i >= liLength && (i = 0);
            show(i);
        }, 3000)

    }
    Autoplay();
</script>




</html>